<!DOCTYPE html>
<html>
<head>
	<title>升级</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UV-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/upgrade.css">
	<script src="js/flexible.js" type="text/javascript"></script>
	<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
	<script src="js/upgrade.js" type="text/javascript"></script>
</head>
<body>
	<div class="upgrade-title">
		当前等级：公益达人
	</div>
	<ul class="upgrade-content">
		<li>
			<h3><span class="arrow"></span>升级为公益使者</h3>
			<div class="detail">
				<div>
					<p>支付<span>99</span>元平台升级服务费，可以立即升级为公益使者，并开通T+1大额、即时小额结算功能</p>
					<a href="">马上升级</a>
				</div>
				<div class="share">
					<p>您只要推荐<span>5</span>名认证的公益达人</p>
					<a href="">立即分享</a>
					<p class="tips">当前您已有<span>0</span>名符合条件的达人</p>
				</div>
			</div>
		</li>
		<li>
			<h3><span class="arrow"></span>升级为公益大使</h3>
			<div class="detail">
				<div>
					<p>支付<span>99</span>元平台升级服务费</p>
					<a href="">马上升级</a>
				</div>
				<div class="share">
					<p>您只要推荐<span>5</span>名认证的公益达人</p>
					<a href="">立即分享</a>
					<p class="tips">当前您已有<span>0</span>名符合条件的达人</p>
				</div>
			</div>
		</li>
		<li>
			<h3><span class="arrow"></span>升级为代理商</h3>
			<div class="detail">
				<div class="last-item">
					<p>支付<span>99</span>元平台升级服务费</p>
					<a href="">马上升级</a>
				</div>
			</div>
		</li>
	</ul>
</body>
</html>